<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
</head>
<body>
<br>
<div class="formview_part1 clearfix">
    <div>单纯文本框</div>
    <br>
    <div>
        <aoyou:textbox ></aoyou:textbox>
    </div>
    <br>
    <div>
        <aoyou:textbox fronttitle="多个并排:" value="字符串值1"></aoyou:textbox><aoyou:textbox value="字符串值2"></aoyou:textbox>
    </div>
    <br>
    <div>
        <aoyou:textbox placeholder="占位字符串"></aoyou:textbox>
    </div>
    <br>
    <div>
        <aoyou:textbox disabled="true"></aoyou:textbox>
    </div>
</div>
<br>
<div class="formview_part2 clearfix">
    <div>带标题文本框</div>
    <br>
    <div>
        <aoyou:textbox fronttitle="产品主标题:" width="300px"></aoyou:textbox><aoyou:textbox fronttitle="产品主副题:" width="300px"></aoyou:textbox>
    </div>
    <br>
</div>
<br>
<div class="formview_part3 clearfix">
    <br>
    <div>
        <aoyou:textbox  type="textarea" placeholder="占位字符串" fronttitle="textarea:" disabled="true" width="400px"></aoyou:textbox>
    </div>
</div>
<div class="formview_part4 clearfix">
    <div>日历控件</div>
    <br>
    <aoyou:calendar config="$calendar1"></aoyou:calendar>
</div>
<br>
<div class="formview_part5 clearfix">
    <aoyou:dropdowncheckbox config="$dropdownOpt1" fronttitle="目的地类型:"></aoyou:dropdowncheckbox>
    <aoyou:dropdowncheckbox config="$dropdownOpt2" fronttitle="合同类型:"></aoyou:dropdowncheckbox>
</div>
<br>
<div class="formview_part6 clearfix">
    <aoyou:spinner></aoyou:spinner>
    <aoyou:spinner side="right"></aoyou:spinner>
    <aoyou:spinner side="left"></aoyou:spinner>
</div>
<br>
<div class="formview_part7 clearfix">
    <div>验证</div>
    <br>
    <aoyou:textbox validation="req" fronttitle="必须填写:"></aoyou:textbox>
    <aoyou:textbox validation="int" fronttitle="请填写正整数:"></aoyou:textbox>
    <aoyou:textbox validation="req,int" fronttitle="必须填写正整数:"></aoyou:textbox>
</div>
<br>
<div class="formview_part8 clearfix">
    <div>模糊匹配下拉框</div>
    <br>
    <label>{{cityname}}</label>
    <br>
    <aoyou:simpledropdownpager fronttitle="模糊匹配下拉框:" $id="dropdowntest1" config="$dropdowncfg" ></aoyou:simpledropdownpager>
</div>
<div class="formview_part9 clearfix">
    <br>
    <div>Radio组</div>
    <p>
        <input type="radio" ms-duplex-string="radiovalue" value="plane">飞机
        <input type="radio" ms-duplex-string="radiovalue" value="train">火车
        <input type="radio" ms-duplex-string="radiovalue" value="bus">大巴
    <p>
</div>
<div class="formview_part10 clearfix">
    <div>Checkbox组</div>
    <br>
    <p>
        <input type="checkbox" ms-duplex-string="checkboxcity" data-duplex-changed="checkboxcheck" value="beijing">北京
        <input type="checkbox" ms-duplex-string="checkboxcity"data-duplex-changed="checkboxcheck" value="shanghai">上海
        <input type="checkbox" ms-duplex-string="checkboxcity"data-duplex-changed="checkboxcheck" value="guangzhou" >广州
        <input type="checkbox" ms-duplex-string="checkboxcity"data-duplex-changed="checkboxcheck" value="shenzhen">深圳
    </p>
</div>
<br>
<div class="formview_submitbox clearfix">
    <aoyou:button size="big" color="success" ms-click="saveSub">保存并下一步</aoyou:button>&nbsp;&nbsp;<span class="submit-tip">所有<em>* </em>号为必填项！</span>
</div>
</body>
</html>
